<template>
  <div class="Admin-box">
      <table width="700px" height="150px">
        <tr>
          <th>等级名称</th>
          <th width="50px"></th>
          <th>最低额度</th>
          <th width="50px"></th>
          <th>最高额度</th>
        </tr>
        <tr>
          <td><input type="text"></td>
          <td></td>
          <td><input type="text"></td>
          <td>→</td>
          <td><input type="text"></td>
        </tr>
        <tr>
          <td><input type="text"></td>
          <td></td>
          <td><input type="text"></td>
          <td>→</td>
          <td><input type="text"></td>
        </tr>
        <tr>
          <td><input type="text"></td>
          <td></td>
          <td><input type="text"></td>
          <td>→</td>
          <td><input type="text"></td>
        </tr>
        <tr>
          <td><input type="text"></td>
          <td></td>
          <td><input type="text"></td>
          <td>→</td>
          <td><input type="text"></td>
        </tr>
      </table>
      <el-button type="primary" @click="selectMonth" style="margin:20px auto">保存</el-button>
  </div>
</template>

<script>
export default {
    name:'Level',
    methods:{
      selectMonth(){}
    }
}
</script>

<style scoped>
  td{
    height: 30px;
  }
  td>input{
    width: 100%;
    height: 100%;
    outline: none;
    padding: 10px;
    font-weight: 700;
    border: 1px solid grey;
    box-sizing: border-box;
  }
  tr>td:nth-child(2n){
    border: none;
  }
</style>